<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>小米官网</title>
    <link rel="stylesheet" href="./css/index.css" />
</head>
<body>

    <!--右侧侧边栏-->
    <div class="body-sidebar">
        <ul>
            <li><a href="javascript:;">手机APP</a></li>
            <li><a href="javascript:;">个人中心</a></li>
            <li><a href="javascript:;">售后服务</a></li>
            <li><a href="javascript:;">人工客服</a></li>
            <li><a href="javascript:;">购物车</a></li>
        </ul>
        <div class="return-top">
            <a href="#">回顶部</a>
        </div>
    </div>



    <!--头部-->
    <header>
        <div class="head-nav">
            <div class="nav-top flag">
                <div class="nav-left">
                    <a href="#">小米商城</a>|
                    <a href="#">MIUI</a>|
                    <a href="#">IoT</a>|
                    <a href="#">云服务</a>|
                    <a href="#">金融</a>|
                    <a href="#">有品</a>|
                    <a href="#">小爱开放平台</a>|
                    <a href="#">企业团购 </a>|
                    <a href="#">资质证照 </a>|
                    <a href="#">协议规则</a>|
                    <a href="#">下载app</a>|
                    <a href="#">Select Location</a>
                </div>
                <div class="nav-right">
                    <div class="login">
                        <a href="#">登录</a>|
                        <a href="#">注册</a>|
                        <a href="#">消息通知</a>
                    </div>
                    <div class="cat">
                        <svg class="icon cat-icon" aria-hidden="true">
                            <!--
                                * 购物车 #icon-gouwuchekong
                                * 购物车满 #icon-gouwucheman
                            -->
                            <use xlink:href="#icon-gouwuchekong"></use>
                        </svg>
                        <span class="font-cat">购物车</span>
                        (<span>0</span>)
                        <div class="cat-list">
                                购物车中还没有商品，赶紧选购吧！
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="banner-bg">
        <div class="nav-bottom">
                <a href="#"><div class="log"></div></a>
                <div class="sidebar">
                    <span>全部商品分类</span>
                    <ul class="sidebar-list">
                        <li><a href="#">手机 电话卡</a></li>
                        <li><a href="#">电视 盒子</a></li>
                        <li><a href="#">笔记本 平板</a></li>
                        <li><a href="#">家电 插线板</a></li>
                        <li><a href="#">出行 穿带</a></li>
                        <li><a href="#">智能 路由器</a></li>
                        <li><a href="#">电源 配件</a></li>
                        <li><a href="#">健康 儿童</a></li>
                        <li><a href="#">耳机 音箱</a></li>
                        <li><a href="#">生活 箱包</a></li>
                    </ul>
                    <div class="sidebar-sub-list sidebar-sub-list-hidden">
                        <!--<ul class="sidebar-sub-list-col sidebar-sub-list-col1">
                            <li><a href="#"><img src="./images/index/sidebar-sub-list/0/Redmi Note 8 Pro-01.webp" /><span>Redmi Note 8 Pro</span></a></li>
                            <li><a href="#"><img src="./images/index/sidebar-sub-list/0/Redmi Note 8-02.webp" /><span>Redmi Note8</span></a></li>
                            <li><a href="#"><img src="./images/index/sidebar-sub-list/0/Redmi Note 8 Pro-01.webp" /><span>小米CC9</span></a></li>
                            <li><a href="#"><img src="./images/index/sidebar-sub-list/0/Redmi Note 8 Pro-01.webp" /><span>小米CC美图定制版</span></a></li>
                            <li><a href="#"><img src="./images/index/sidebar-sub-list/0/Redmi Note 8 Pro-01.webp" /><span>小米CC9e</span></a></li>
                            <li><a href="#"><img src="./images/index/sidebar-sub-list/0/Redmi Note 8 Pro-01.webp" /><span>小米9</span></a></li>
                        </ul>
                        <ul class="sidebar-sub-list-col sidebar-sub-list-col2">
                            <li><a href="#"><img src="./images/index/sidebar-sub-list/0/Redmi Note 8 Pro-01.webp" /><span>Redmi Note 8 Pro</span></a></li>
                            <li><a href="#"><img src="./images/index/sidebar-sub-list/0/Redmi Note 8-02.webp" /><span>Redmi Note8</span></a></li>
                            <li><a href="#"><img src="./images/index/sidebar-sub-list/0/Redmi Note 8 Pro-01.webp" /><span>小米CC9</span></a></li>
                            <li><a href="#"><img src="./images/index/sidebar-sub-list/0/Redmi Note 8 Pro-01.webp" /><span>小米CC美图定制版</span></a></li>
                            <li><a href="#"><img src="./images/index/sidebar-sub-list/0/Redmi Note 8 Pro-01.webp" /><span>小米CC9e</span></a></li>
                            <li><a href="#"><img src="./images/index/sidebar-sub-list/0/Redmi Note 8 Pro-01.webp" /><span>小米9</span></a></li>
                        </ul>
                        <ul class="sidebar-sub-list-col sidebar-sub-list-col3">
                            <li><a href="#"><img src="./images/index/sidebar-sub-list/0/Redmi Note 8 Pro-01.webp" /><span>Redmi Note 8 Pro</span></a></li>
                            <li><a href="#"><img src="./images/index/sidebar-sub-list/0/Redmi Note 8-02.webp" /><span>Redmi Note8</span></a></li>
                            <li><a href="#"><img src="./images/index/sidebar-sub-list/0/Redmi Note 8 Pro-01.webp" /><span>小米CC9</span></a></li>
                            <li><a href="#"><img src="./images/index/sidebar-sub-list/0/Redmi Note 8 Pro-01.webp" /><span>小米CC美图定制版</span></a></li>
                            <li><a href="#"><img src="./images/index/sidebar-sub-list/0/Redmi Note 8 Pro-01.webp" /><span>小米CC9e</span></a></li>
                            <li><a href="#"><img src="./images/index/sidebar-sub-list/0/Redmi Note 8 Pro-01.webp" /><span>小米9</span></a></li>
                        </ul>
                        <ul class="sidebar-sub-list-col sidebar-sub-list-col4">
                            <li><a href="#"><img src="./images/index/sidebar-sub-list/0/Redmi Note 8 Pro-01.webp" /><span>Redmi Note 8 Pro</span></a></li>
                            <li><a href="#"><img src="./images/index/sidebar-sub-list/0/Redmi Note 8-02.webp" /><span>Redmi Note8</span></a></li>
                            <li><a href="#"><img src="./images/index/sidebar-sub-list/0/Redmi Note 8 Pro-01.webp" /><span>小米CC9</span></a></li>
                            <li><a href="#"><img src="./images/index/sidebar-sub-list/0/Redmi Note 8 Pro-01.webp" /><span>小米CC美图定制版</span></a></li>
                            <li><a href="#"><img src="./images/index/sidebar-sub-list/0/Redmi Note 8 Pro-01.webp" /><span>小米CC9e</span></a></li>
                            <li><a href="#"><img src="./images/index/sidebar-sub-list/0/Redmi Note 8 Pro-01.webp" /><span>小米9</span></a></li>
                        </ul>-->
                    </div>
                </div>
                <nav>
                    <div class="nav-list-a">
                        <a href="#">小米手机</a>
                        <a href="#">Redmi 红米</a>
                        <a href="#">电视</a>
                        <a href="#">笔记本</a>
                        <a href="#">家电</a>
                        <a href="#">路由器</a>
                        <a href="#">智能硬件</a>
                        <a href="#">服务</a>
                        <a href="#">社区</a>
                    </div>
                    
                    <div class="nav-subnav">
                        <ul class="nav-subnav-con">
                            <!--
                            <li>
                                <a href="#">
                                    <div class="nav-subnav-img">
                                        <img src="images/index/header-subnav/xiaomishouji1-1.png" />
                                    </div>
                                    <span>小米CC9</span>
                                    <span>1799元起</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <div class="nav-subnav-img">
                                        <img src="images/index/header-subnav/xiaomishouji1-1.png" />
                                    </div>
                                    <span>小米CC9</span>
                                    <span>1799元起</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <div class="nav-subnav-img">
                                        <img src="images/index/header-subnav/xiaomishouji1-1.png" />
                                    </div>
                                    <span>小米CC9</span>
                                    <span>1799元起</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <div class="nav-subnav-img">
                                        <img src="images/index/header-subnav/xiaomishouji1-1.png" />
                                    </div>
                                    <span>小米CC9</span>
                                    <span>1799元起</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <div class="nav-subnav-img">
                                        <img src="images/index/header-subnav/xiaomishouji1-1.png" />
                                    </div>
                                    <span>小米CC9</span>
                                    <span>1799元起</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <div class="nav-subnav-img">
                                        <img src="images/index/header-subnav/xiaomishouji1-1.png" />
                                    </div>
                                    <span>小米CC9</span>
                                    <span>1799元起</span>
                                </a>
                            </li>
                            -->
                        </ul>
                    </div>
                </nav>
                <div class="search">
                    <div class="search-left">
                        <input type="text" />
                        <div class="cvn">
                            <a href="#">Redmi Node 8 Pro</a>
                            <a href="#">小米9</a>
                        </div>
                    </div>
                    <div class="search-right">
                        <svg class="icon search-btn" aria-hidden="true">
                            <use xlink:href="#icon-sousuo"></use>
                        </svg>
                    </div>
                </div>
            </div>
        </div>
    </header>
    


    <!--banner-->
    <div class="banner-bg">
        <div class="banner">
            <ul class="banner-imgs">
                <!--<li class="banner-shop-img">
                    <a href="#"><img src="./images/index/banner/banner01.webp"/></a>
                </li>
                <li>
                    <a href="#"><img src="./images/index/banner/banner02.jpg"/></a>
                </li>
                <li>
                    <a href="#"><img src="./images/index/banner/banner03.webp"/></a>
                </li>
                <li>
                    <a href="#"><img src="./images/index/banner/banner04.webp"/></a>
                </li>
                <li>
                    <a href="#"><img src="./images/index/banner/banner05.webp"/></a>
                </li>-->
            </ul>
            <div class="banner-btn">
                <div class="banner-btn-left">
                    <svg class="icon banner-btn-left-icon" aria-hidden="true">
                        <use xlink:href="#icon-juheweiduzuoanniu
                        "></use>
                    </svg>
                </div>
                <div class="banner-btn-right">
                    <svg class="icon banner-btn-right-icon" aria-hidden="true">
                        <use xlink:href="#icon-juheweiduzuoanniu
                        "></use>
                    </svg>
                </div>
            </div>
            <div class="banner-btn-list">
                <ul>
                    <!--<li class="banner-btn-list-bg"></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>-->
                </ul>
            </div>
        </div>                                         
    </div>




    <!--small_banner-->
    <div class="banner-bg">
        <div class="small-banner">
            <div class="small-banner-left">
                <ul>
                    <li>
                        <a href="#">
                            <img src="images/index/banner-small/01.png" />
                            <span>小米秒杀</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="images/index/banner-small/02.png" />
                            <span>企业团购</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="images/index/banner-small/03.png" />
                            <span>F码通道</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="images/index/banner-small/04.png" />
                            <span>米粉卡</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="images/index/banner-small/05.png" />
                            <span>以旧换新</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="images/index/banner-small/06.png" />
                            <span>话费充值</span>
                        </a>
                    </li>
                </ul>
            </div>
            <div class="small-banner-right">
                <a href="#"><img src="images/index/banner-small/secondary/01.jpg" /></a>
                <a href="#"><img src="images/index/banner-small/secondary/02.jpg" /></a>
                <a href="#"><img src="images/index/banner-small/secondary/03.jpg" /></a>
            </div>
        </div>
    </div>




    <!--小米闪购-->
    <div class="limshop flag">
        <div class="limshop-header flag">
            <h3>小米闪购</h3>
            <div class="limshop-header-btn">
                <div class="limshop-header-btn-left"></div>
                <div class="limshop-header-btn-right"></div>
            </div>
        </div>
        <div class="limshop-start limshop-top-bg4">
            <span class="limshop-games">00:00 场</span>
            <div class="limshop-start-width-img">
                <img src="images/index/shangou/闪购图标" />
            </div>
            <span class="limshop-time-state">距离结束还有</span>
            <div class="limshop-start-time">
                <div class="hour">01</div>
                <span>:</span>
                <div class="minute">30</div>
                <span>:</span>
                <div class="second">00</div>
            </div>
        </div>
        <div class="limshop-start-list-p">
            <ul class="limshop-start-list flag">
            <!--<li class="limshop-top-bg1">
                <a href="#">
                    <div class="limshop-img-width">
                        <img src="images/index/shangou/01.jpg" />
                    </div>
                    <h3>小米小爱音箱 Play (白色) ...</h3>
                    <span>听音乐、语音遥控家电</span>
                    <div class="limshop-start-price">99元 <span>169元</span></div>
                </a>
            </li>
            <li class="limshop-top-bg2">
                <a href="#">
                    <div class="limshop-img-width">
                        <img src="images/index/shangou/02.jpg" />
                    </div>
                    <h3>小米小爱音箱 Play (白色) ...</h3>
                    <span>听音乐、语音遥控家电</span>
                    <div class="limshop-start-price">99元 <span>169元</span></div>
                </a>
            </li>
            <li class="limshop-top-b3">
                <a href="#">
                    <div class="limshop-img-width">
                        <img src="images/index/shangou/03.jpg" />
                    </div>
                    <h3>小米小爱音箱 Play (白色) ...</h3>
                    <span>听音乐、语音遥控家电</span>
                    <div class="limshop-start-price">99元 <span>169元</span></div>
                </a>
            </li>
            <li class="limshop-top-bg4">
                <a href="#">
                    <div class="limshop-img-width">
                        <img src="images/index/shangou/04.webp" />
                    </div>
                    <h3>小米小爱音箱 Play (白色)哈哈哈</h3>
                    <span>听音乐、语音遥控家电</span>
                    <div class="limshop-start-price">99元 <span>169元</span></div>
                </a>
            </li>
            <li class="limshop-top-bg5">
                <a href="#">
                    <div class="limshop-img-width">
                        <img src="images/index/shangou/05.webp" />
                    </div>
                    <h3>小米小爱音箱 Play (白色) ...</h3>
                    <span>听音乐、语音遥控家电</span>
                    <div class="limshop-start-price">99元 <span>169元</span></div>
                </a>
            </li>-->
            </ul>
        </div>
        <div class="limshop-banner">
            <a href="#"><img src="./images/index/shangou/shangou-banner.webp" /></a>
        </div>
    </div>




    <!--整体模块-->
    <div class="list-module flag">
        <!--手机-->
        <div class="shouji flag">
            <div class="list-module-head flag">
                <h3>手机</h3>
                <div class="list-module-head-right">
                    <div class="list-module-shouji-a"><a href="#" >查看全部</a></div>
                    <!--<div class="list-module-head-a">
                        <a href="#" class="list-module-head-a-opacity">热门</a><a href="#">电视影音</a>
                    </div>-->
                </div>
            </div>
            <div class="list-module-banner shouji-banner">
                <!--<div class="list-module-banner-img-max">
                    <img src="./images/index/shouji/shouji-banner.webp" />
                </div>
                <div class="list-module-banner-img-top">
                    <img src="./images/index/jiadian/jiadian-banner-top.webp" />
                </div>
                <div class="list-module-banner-img-bottom">
                    <img src="./images/index/jiadian/jiadian-banner-bottom.webp" />
                </div>-->
            </div>
            <ul class="list-module-ul flag">
                <!--
                    <li>
                    <a href="#">
                        <div class="list-ul-img">
                            <img src="./images/index/shouji/01.webp" />
                        </div>
                        <h3>Redmi Note 8 Pro</h3>
                        <span>6400万全场景四摄</span>
                        <div class="list-ul-price">1399元起</div>
                    </a>
                </li>
                 -->
            </ul>
            <div class="list-module-bottom-banner">
                <img src="./images/index/shouji/shouji-bottom-banner.webp" />
            </div>
        </div>


        <!--家电-->
        <div class="jiadian flag">
            <div class="list-module-head flag">
                <h3>家电</h3>
                <div class="list-module-head-right">
                    <!--<div class="list-module-shouji-a"><a href="#" >查看全部</a></div>-->
                    <div class="list-module-head-a">
                        <a href="#" class="list-module-head-a-opacity">热门</a><a href="#">电视影音</a>
                    </div>
                </div>
            </div>
            <div class="list-module-banner shouji-banner">
                <!--<div class="list-module-banner-img-max">
                    <img src="./images/index/shouji/shouji-banner.webp" />
                </div>
                <div class="list-module-banner-img-top">
                    <img src="./images/index/jiadian/jiadian-banner-top.webp" />
                </div>
                <div class="list-module-banner-img-bottom">
                    <img src="./images/index/jiadian/jiadian-banner-bottom.webp" />
                </div>-->
            </div>
            <ul class="list-module-ul flag">
                <!--<li>
                    <a href="#">
                        <div class="list-ul-img">
                            <img src="./images/index/shouji/01.webp" />
                        </div>
                        <h3>Redmi Note 8 Pro</h3>
                        <span>6400万全场景四摄</span>
                        <div class="list-ul-price">1399元起</div>
                    </a>
                </li>
                <div>
                    <li class="flag">
                        <a href="#">
                            <h3>${numFlag.lastGoods.name}</h3>
                            <div class="last-li-price">${numFlag.lastGoods.price} <span></span></div>
                            <div class="last-li-img">
                                <img src="${numFlag.lastGoods.img}" />
                            </div>
                        </a>
                    </li>
                    <li class="gengduo">
                        <a href="#">
                            <h2>浏览更多</h2>
                            <span>热门</span>
                        </a>
                    </li>
                </div>
                -->
            </ul>
            <div class="list-module-bottom-banner">
                <img src="./images/index/shouji/shouji-bottom-banner.webp" />
            </div>
        </div>



        <!--智能-->
        <div class="zhineng flag">
                <div class="list-module-head flag">
                    <h3>智能</h3>
                    <div class="list-module-head-right">
                        <!--<div class="list-module-shouji-a"><a href="#" >查看全部</a></div>-->
                        <div class="list-module-head-a">
                            <a href="#" class="list-module-head-a-opacity">热门</a><a href="#">出行</a>
                        </div>
                    </div>
                </div>
                <div class="list-module-banner shouji-banner">
                    <!--<div class="list-module-banner-img-max">
                        <img src="./images/index/shouji/shouji-banner.webp" />
                    </div>
                    <div class="list-module-banner-img-top">
                        <img src="./images/index/jiadian/jiadian-banner-top.webp" />
                    </div>
                    <div class="list-module-banner-img-bottom">
                        <img src="./images/index/jiadian/jiadian-banner-bottom.webp" />
                    </div>-->
                </div>
                <ul class="list-module-ul flag">
                    <!--<li>
                        <a href="#">
                            <div class="list-ul-img">
                                <img src="./images/index/shouji/01.webp" />
                            </div>
                            <h3>Redmi Note 8 Pro</h3>
                            <span>6400万全场景四摄</span>
                            <div class="list-ul-price">1399元起</div>
                        </a>
                    </li>
                    <div>
                        <li class="flag">
                            <a href="#">
                                <h3>${numFlag.lastGoods.name}</h3>
                                <div class="last-li-price">${numFlag.lastGoods.price} <span></span></div>
                                <div class="last-li-img">
                                    <img src="${numFlag.lastGoods.img}" />
                                </div>
                            </a>
                        </li>
                        <li class="gengduo">
                            <a href="#">
                                <h2>浏览更多</h2>
                                <span>热门</span>
                            </a>
                        </li>
                    </div>-->
                </ul>
                <div class="list-module-bottom-banner">
                    <!--<img src="./images/index/shouji/shouji-bottom-banner.webp" />-->
                </div>
        </div>



        <!--搭配-->
        <div class="dapei flag">
                <div class="list-module-head flag">
                    <h3>搭配</h3>
                    <div class="list-module-head-right">
                        <!--<div class="list-module-shouji-a"><a href="#" >查看全部</a></div>-->
                        <div class="list-module-head-a">
                            <a href="#" class="list-module-head-a-opacity">热门</a><a href="#">耳机音箱</a>
                        </div>
                    </div>
                </div>
                <div class="list-module-banner shouji-banner">
                    <!--<div class="list-module-banner-img-max">
                        <img src="./images/index/shouji/shouji-banner.webp" />
                    </div>
                    <div class="list-module-banner-img-top">
                        <img src="./images/index/jiadian/jiadian-banner-top.webp" />
                    </div>
                    <div class="list-module-banner-img-bottom">
                        <img src="./images/index/jiadian/jiadian-banner-bottom.webp" />
                    </div>-->
                </div>
                <ul class="list-module-ul flag">
                    <!--<li>
                        <a href="#">
                            <div class="list-ul-img">
                                <img src="./images/index/shouji/01.webp" />
                            </div>
                            <h3>Redmi Note 8 Pro</h3>
                            <span>6400万全场景四摄</span>
                            <div class="list-ul-price">1399元起</div>
                        </a>
                    </li>
                    <div>
                        <li class="flag">
                            <a href="#">
                                <h3>${numFlag.lastGoods.name}</h3>
                                <div class="last-li-price">${numFlag.lastGoods.price} <span></span></div>
                                <div class="last-li-img">
                                    <img src="${numFlag.lastGoods.img}" />
                                </div>
                            </a>
                        </li>
                        <li class="gengduo">
                            <a href="#">
                                <h2>浏览更多</h2>
                                <span>热门</span>
                            </a>
                        </li>
                    </div>-->
                </ul>
                <div class="list-module-bottom-banner">
                    <!--<img src="./images/index/shouji/shouji-bottom-banner.webp" />-->
                </div>
        </div>



        <!--配件-->
        <div class="peijian flag">
                <div class="list-module-head flag">
                    <h3>配件</h3>
                    <div class="list-module-head-right">
                        <!--<div class="list-module-shouji-a"><a href="#" >查看全部</a></div>-->
                        <div class="list-module-head-a">
                            <a href="#" class="list-module-head-a-opacity">热门</a><a href="#">保护套</a>
                        </div>
                    </div>
                </div>
                <div class="list-module-banner shouji-banner">
                    <!--<div class="list-module-banner-img-max">
                        <img src="./images/index/shouji/shouji-banner.webp" />
                    </div>
                    <div class="list-module-banner-img-top">
                        <img src="./images/index/jiadian/jiadian-banner-top.webp" />
                    </div>
                    <div class="list-module-banner-img-bottom">
                        <img src="./images/index/jiadian/jiadian-banner-bottom.webp" />
                    </div>-->
                </div>
                <ul class="list-module-ul flag">
                    <!--<li>
                        <a href="#">
                            <div class="list-ul-img">
                                <img src="./images/index/shouji/01.webp" />
                            </div>
                            <h3>Redmi Note 8 Pro</h3>
                            <span>6400万全场景四摄</span>
                            <div class="list-ul-price">1399元起</div>
                        </a>
                    </li>
                    <div>
                        <li class="flag">
                            <a href="#">
                                <h3>${numFlag.lastGoods.name}</h3>
                                <div class="last-li-price">${numFlag.lastGoods.price} <span></span></div>
                                <div class="last-li-img">
                                    <img src="${numFlag.lastGoods.img}" />
                                </div>
                            </a>
                        </li>
                        <li class="gengduo">
                            <a href="#">
                                <h2>浏览更多</h2>
                                <span>热门</span>
                            </a>
                        </li>
                    </div>-->
                </ul>
                <div class="list-module-bottom-banner">
                    <!--<img src="./images/index/shouji/shouji-bottom-banner.webp" />-->
                </div>
        </div>



        <!--周边-->
        <div class="zhoubian flag">
                <div class="list-module-head flag">
                    <h3>周边</h3>
                    <div class="list-module-head-right">
                        <!--<div class="list-module-shouji-a"><a href="#" >查看全部</a></div>-->
                        <div class="list-module-head-a">
                            <a href="#" class="list-module-head-a-opacity">热门</a><a href="#">出行</a>
                        </div>
                    </div>
                </div>
                <div class="list-module-banner shouji-banner">
                    <!--<div class="list-module-banner-img-max">
                        <img src="./images/index/shouji/shouji-banner.webp" />
                    </div>
                    <div class="list-module-banner-img-top">
                        <img src="./images/index/jiadian/jiadian-banner-top.webp" />
                    </div>
                    <div class="list-module-banner-img-bottom">
                        <img src="./images/index/jiadian/jiadian-banner-bottom.webp" />
                    </div>-->
                </div>
                <ul class="list-module-ul flag">
                    <!--<li>
                        <a href="#">
                            <div class="list-ul-img">
                                <img src="./images/index/shouji/01.webp" />
                            </div>
                            <h3>Redmi Note 8 Pro</h3>
                            <span>6400万全场景四摄</span>
                            <div class="list-ul-price">1399元起</div>
                        </a>
                    </li>
                    <div>
                        <li class="flag">
                            <a href="#">
                                <h3>${numFlag.lastGoods.name}</h3>
                                <div class="last-li-price">${numFlag.lastGoods.price} <span></span></div>
                                <div class="last-li-img">
                                    <img src="${numFlag.lastGoods.img}" />
                                </div>
                            </a>
                        </li>
                        <li class="gengduo">
                            <a href="#">
                                <h2>浏览更多</h2>
                                <span>热门</span>
                            </a>
                        </li>
                    </div>-->
                </ul>
                <div class="list-module-bottom-banner">
                    <!--<img src="./images/index/shouji/shouji-bottom-banner.webp" />-->
                </div>
        </div>



        <!--视频-->
        <div class="video">
            <div class="list-module-head flag">
                <h3>视频</h3>
                <div class="list-module-head-right">
                    <div class="list-module-shouji-a"><a href="#" >查看全部</a></div>
                </div>
            </div>
            <ul class="video-con flag">
                <li>
                    <a href="javascript:;">
                        <div class="video-img">
                            <img src="./images/index/video/01.webp" />
                            <div class="video-btn"></div>
                        </div>
                        <h3>Redmi Note 8 系列发布会</h3>
                        <span>发布会</span>
                    </a>
                </li>
                <li>
                    <a href="javascript:;">
                        <div class="video-img">
                            <img src="./images/index/video/02.webp" />
                            <div class="video-btn"></div>
                        </div>
                        <h3>Redmi Note 8 系列发布会</h3>
                        <span>发布会</span>
                    </a>
                </li>
                <li>
                    <a href="javascript:;">
                        <div class="video-img">
                            <img src="./images/index/video/03.webp" />
                            <div class="video-btn"></div>
                        </div>
                        <h3>Redmi Note 8 系列发布会</h3>
                        <span>发布会</span>
                    </a>
                </li>
                <li>
                    <a href="javascript:;">
                        <div class="video-img">
                            <img src="./images/index/video/04.webp" />
                            <div class="video-btn"></div>
                        </div>
                        <h3>Redmi Note 8 系列发布会</h3>
                        <span>发布会</span>
                    </a>
                </li>
            </ul>
        </div>

        <!--video-->
        <!--<div class="fixed-video">
            <div class="bg-model"></div>
            <div class="fixed-video-con">
                <div class="fixed-video-con-title">
                    <h3>Redmi Note 8 系列发布会</h3>
                    <span></span>
                </div>
                <div class="fixed-video-con-v">
                    <div class="fixed-video-box">
                        <video>
                            <source src=""></source>
                        </video>
                    </div>
                    <div class="fixed-video-play-btn"></div>
                    <div class="fixed-video-control">
                        
                    </div>
                </div>
            </div>
        </div>-->

    </div>



    <!--footer-->
    <footer>
        <div class="aftersale-gb">
            <div class="aftersale flag">
                <div class="aftersale-head">
                    <span><a href="javascript:;">预约维修服务</a></span>
                    <span><a href="javascript:;">7天无理由退货</a></span>
                    <span><a href="javascript:;">15天免费换货</a></span>
                    <span><a href="javascript:;">满150元包邮</a></span>
                    <span><a href="javascript:;">520余家售后网点</a></span>
                </div>
                <div class="list-ul flag">
                    <ul>
                        <li>帮助中心</a></li>
                        <li><a href="javascript:;">账户管理</li>
                        <li><a href="javascript:;">购物指南</a></li>
                        <li><a href="javascript:;">订单操作</a></li>
                    </ul>
                    <ul>
                        <li>帮助中心</li>
                        <li><a href="javascript:;">账户管理</a></li>
                        <li><a href="javascript:;">购物指南</a></li>
                        <li><a href="javascript:;">订单操作</a></li>
                    </ul>
                    <ul>
                        <li>帮助中心</li>
                        <li><a href="javascript:;">账户管理</a></li>
                        <li><a href="javascript:;">购物指南</a></li>
                        <li><a href="javascript:;">订单操作</a></li>
                    </ul>
                    <ul>
                        <li>帮助中心</li>
                        <li><a href="javascript:;">账户管理</a></li>
                        <li><a href="javascript:;">购物指南</a></li>
                        <li><a href="javascript:;">订单操作</a></li>
                    </ul>
                    <ul>
                        <li>帮助中心</li>
                        <li><a href="javascript:;">账户管理</a></li>
                        <li><a href="javascript:;">购物指南</a></li>
                        <li><a href="javascript:;">订单操作</a></li>
                    </ul>
                    <ul>
                        <li>帮助中心</li>
                        <li><a href="javascript:;">账户管理</a></li>
                        <li><a href="javascript:;">购物指南</a></li>
                        <li><a href="javascript:;">订单操作</a></li>
                    </ul>
                    <div class="customer">
                        <p>400-100-5678</p>
                        <p>周一至周日 8:00-18:00<br/>(仅收市话费)</p>
                        <a href="javascript:;">人工客服</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="lastsale">
            <div class="lastsale-con">
                <div class="footer-mi-icon"></div>
                <p class="footer-nav">
                    <a href="javascript:;">小米商城</a> <span>|</span>
                    <a href="javascript:;">MIUI</a> <span>|</span>
                    <a href="javascript:;">米家</a> <span>|</span>
                    <a href="javascript:;">米聊</a> <span>|</span>
                    <a href="javascript:;">多看</a> <span>|</span>
                    <a href="javascript:;">游戏</a> <span>|</span>
                    <a href="javascript:;">路由器</a> <span>|</span>
                    <a href="javascript:;">米粉卡</a> <span>|</span>
                    <a href="javascript:;">政企服务</a> <span>|</span>
                    <a href="javascript:;">小米天猫店</a> <span>|</span>
                    <a href="javascript:;">小米集团隐私政策</a> <span>|</span>
                    <a href="javascript:;">小米商城隐私政策</a> <span>|</span>
                    <a href="javascript:;">小米商城用户协议</a> <span>|</span>
                    <a href="javascript:;">问题反馈</a> <span>|</span>
                    <a href="javascript:;">廉政举报</a> <span>|</span>
                    <a href="javascript:;">诚信合规</a> <span>|</span>
                    <a href="javascript:;">Select Location</a>
                </p>
                <p>
                    ©<a href="javascript:;">mi.com</a> 京ICP证110507号 <a href="javascript:;"> 京ICP备10046444号 </a><a href="javascript:;"> 京公网安备11010802020134号 </a><a href="javascript:;"> 京网文[2017]1530-131号 </a>
                    <br>
                    <a href="javascript:;">（京）网械平台备字（2018）第00005号 </a><a href="javascript:;"> 互联网药品信息服务资格证 (京) -非经营性-2014-0090 </a><a href="javascript:;"> 营业执照 </a><a href="javascript:;"> 医疗器械公告 </a>
                    <br>
                    <a href="javascript:;"> 增值电信业务许可证 </a>网络食品经营备案（京）【2018】WLSPJYBAHF-12<a href="javascript:;"> 食品经营许可证 </a>
                    <br>
                    违法和不良信息举报电话：185-0130-1238<a href="javascript:;"> 知识产权侵权投诉 </a> 本网站所列数据，除特殊说明，所有数据均出自我司实验室测试   
                </p>
                <p>
                    <a href="javascript:;"><img src="./images/index/footer/truste.png" /></a>
                    <a href="javascript:;"><img src="./images/index/footer/v-logo-1.png" /></a>
                    <a href="javascript:;"><img src="./images/index/footer/v-logo-2.png" /></a>
                    <a href="javascript:;"><img src="./images/index/footer/v-logo-3.png" /></a>
                    <a href="javascript:;"><img src="./images/index/footer/v-logo-4.png" /></a>
                </p>
            </div>
            <div class="xiaomi-text">

            </div>
        </div>
        
    </footer>
    
    
    
    
</body>
</html>

<!--
    阿里巴巴字体图标
-->
<script src="./font/iconfont.js"></script>


<script src="./js/index-date.js"></script>
<script src="./js/index.js"></script>


   
